﻿/* HEADER */
.navtabs li{ list-style: none; }
.topheader { background-color: #464646; color: #FFF; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 14px; height: 40px; left: 0; overflow: hidden; position: fixed; text-align: center; text-transform: none; top: 0; vertical-align: top; width: 100%; z-index: 999; }
.topheader .inner { color: #FFF; font-family: Arial,Helvetica,sans-serif; font-size: 14px; height: 40px; margin-left: auto; margin-right: auto; width: 1000px; }
.topheader .inner .topleftmenu { display: inline-block; float: left; }
.topheader .inner .topleftmenu a { color: #FFF; display: inline-block; padding: 12px; text-decoration: none; text-shadow: 1px 1px 0 #121212; }
.topheader .inner .toprightmenu { color: #FFF; float: right; font-family: Arial,Helvetica,sans-serif; font-size: 14px; text-align: right; }
.topheader .inner .toprightmenu .more { background: url(http://diendantienganh.net/diendan/viplam.net/hadim/images/icon.png) 0 0 no-repeat; display: inline-block; float: right; height: 40px; width: 40px; }
.topheader .inner .toprightmenu .notify { color: #FFF; display: block; float: right; height: 40px; padding-left: 5px; padding-right: 5px; position: relative; text-decoration: none; text-shadow: 1px 1px 0 #121212; }
.topheader .inner .toprightmenu .notify span { display: inline-block; padding: 12px 5px; }
.topheader .inner .toprightmenu .username { color: #FFF; display: block; float: right; height: 40px; padding-left: 5px; padding-right: 5px; text-decoration: none; text-shadow: 1px 1px 0 #121212; }
.topheader .inner .toprightmenu .username span { display: inline-block; padding: 12px 5px; }
.topheader .inner .topleftmenu a:hover { background-color: #292929; }
.topheader .inner .toprightmenu .username:hover { background-color: #292929; }
.topheader .inner .toprightmenu .notify:hover { background-color: #292929; }
.doc_header { background-color: #fff; font: normal normal bold 11px Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif; position:relative; min-height:35px; margin: 0 auto; width: 100%; height: 102px; // them noel }
#header .headerblock { width: 1000px; margin-right: auto; margin-left: auto; position: relative; }
.ad_global_header { padding-top: 5px; display: block; }
.doc_header a { color:; }
.doc_header a:hover { color:; }
.doc_header hr { display: none; }
.logo-image { margin-top: 4px; width: 270px; height: 98px; float: left; }
.toplinks { color:#ffffff; font: normal normal bold 11px Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif; text-align:right; float:right; margin:0 auto; }
.toplinks ul.isuser li#fb_headerbox.hidden,
.toplinks ul.nouser li#fb_headerbox.hidden { display: none; }
.toplinks ul.isuser li#fb_headerbox a, .toplinks ul.nouser li#fb_headerbox a { padding-top: 0; background: none; cursor: pointer; }
li#fb_headerbox a#fb_link { position: relative; }
li#fb_headerbox a#fb_link #fb_squarepic{ position:absolute; right:-6px; top:5px; z-index:1; border:1px solid #B3CCE7; padding:1px; }
li#fb_headerbox a#fb_link #fb_icon{ position:absolute; right:10px; top:1px; z-index:2; }
.toplinks ul.isuser, .toplinks ul.nouser { display:block; float: right; clear: left; list-style: none; }
.toplinks ul.isuser li { display:inline; position: relative; color: #fff; float: right; clear: left; padding-right: 10px; }
.toplinks ul.isuser li.welcomelink { display: block; float: right; clear: left; padding-top: 6px; color: #808080; }
.toplinks ul.isuser li.logoutlink { top: 0; }
.toplinks ul.isuser li a { display: block; padding-top: 3px; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; font-weight:bold; color: #666; font-size: 13px; font-weight: 600; }
.toplinks ul.isuser li li a { float: none; margin-left: 0; }
.toplinks ul.isuser li.welcomelink a { display:inline; float: none; clear: none; margin-left: 0; }
.toplinks ul.isuser li a:hover { color: #000; }
.toplinks ul.nouser li { display:inline; }
.toplinks ul.nouser li a { display: block; float: right; clear: left; color:#ffffff; position: relative; padding: 6px 10px 0 10px; background: #7192A8; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; height:20px; font-weight:bold; font-size:12px; margin-right: 10px; }
.toplinks ul.nouser li a:hover { background: #7192A8; color:rgb(255, 255, 255); }
.toplinks form { min-width: 100px; display:block; margin-right: 10px; text-align: left; float: right; clear: left; }
.toplinks .logindetails { padding: 0 10px; text-align: center; background: #7192A8; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-right-radius:5px; height:26px; }
.toplinks form input { vertical-align: baseline; font-size: 11px; padding: 1px; border: 0; }
.toplinks form input.textbox { color: #000000; }
.toplinks form input.default-value { color: #777777; }
.toplinks .remember { margin: -3.33333333333px 0 0 20px; font-size: 10px; color: #FFFFFF; }
.toplinks .remember input { vertical-align: baseline; }
.cb_cookieuser_navbar{ position: relative; top: 2px; }
.notifications a.popupctrl:link, .notifications a.popupctrl:visited, .toplinks a:link, .toplinks a:visited { color: #ffffff; text-decoration:none; }
.notifications { font-size:11px; color: #ffffff; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.notifications a { text-decoration:none; }
.header hr, .header h2 { display:none; }
/*************************************************/
/* NAVBAR */
.navbar { position:relative; height: 38px; background: #0D7BD5; color:rgb(255, 255, 255); font: bold 13px Arial, Calibri, Verdana, Geneva, sans-serif; border:0px solid #2884BE; }
.body_wrapper{ width: 1000px; margin: 0 auto; border: 3px solid #84C3D3; }
.navbar { width:100%; margin: 0 auto; }
#navbar .navtabs { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #555; display: block; width: 1000px; margin-right: auto; margin-left: auto; text-align: left; overflow: hidden; white-space: nowrap; }
#navbar .navtabs {overflow:visible;position:relative}
#navbar .navtabs ul {left:0}
.navtabs ul.floatcontainer{height:30px; line-height:30px;background-color: #F0E8DE;
/*background: url(http://kenhdaihoc.com/forum/StyleSchool/nav-sub-bg.png) repeat-x;*/
}
.navbar a { color:#000; }
.navbar a:hover { color:rgb(204, 204, 204); }
.navtabs li:first-child { border-left: 0px none ; }
.navtabs ul { width:980px; position:absolute; top: 42px; border-top:0px none ; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; margin-right:-80px;
/* This is to fix RTL menu issue under Opera */ direction:ltr; }
.navtabs li { float:left; border-right: 0px none ; }
.navtabs ul li:first-child { border-left: 0; }
.navtabs ul li { border-right: 0; position: relative; }
.navtabs li a { height:38px; line-height:38px; padding:0 10px; }
.navtabs li a.navtab { border-left: 1px solid #1B91F1; display:block; min-width:60px; width:auto !important; width:60px; text-align:center; color: #fff; font: bold 12px Arial, Calibri, Verdana, Geneva, sans-serif; text-decoration:none; line-height: 39px; text-transform: uppercase; }
.navtabs li a.navtab:hover { background: url(http://i70.servimg.com/u/f70/18/55/10/36/arrow210.png) no-repeat bottom center #FCA100; color: #fff; position: relative; }
.navtabs li.selected { height: 30px; color:#fff; }
.navtabs li.selected a.navtab { color: #fff; position: relative; background: url(http://i70.servimg.com/u/f70/18/55/10/36/arrow211.png) no-repeat bottom center #038FED; }
.navtabs li.selected li a, .navbar_advanced_search li a { text-decoration:none; font: bold 13px Arial, Calibri, Verdana, Geneva, sans-serif; line-height: 8px; }
.navtabs li.selected li a { color: #4191B8; padding:2px 5px; }
.navbar_advanced_search li { height: 38px; display:block; clear:both; }
.navbar_advanced_search li a { color:#000; } 
.navbar_advanced_search li a:hover { color:rgb(204, 204, 204); text-decoration:none; }
.navtabs li.selected li a:hover { color:#fff; text-decoration:none; }
.navtabs li.selected li a.popupctrl { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:solid 0px transparent; padding-right:7px; } 
.toplinks .notifications a.popupctrl { padding-bottom: 3px; padding-left: 4px; padding-right: 15px; border-radius: 5px; }
.toplinks .nonotifications a.popupctrl { padding-top: 3px; padding-bottom: 3px; padding-left: 4px; padding-right: 15px; }
.toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active , .toplinks .notifications a.popupctrl.active{ padding-top: 3px; padding-bottom: 3px; padding-left: 4px; padding-right: 15px; background: background: #00ACE9; color: white; }
.toplinks .notifications a.popupctrl:hover { padding-top: 3px; } 
.navtabs li.selected li:hover a.popupctrl { border-color:#fff; background-color:#1E90FF; text-decoration:none; }
.navtabs li.selected li:hover a.popupctrl.active, .navtabs li.selected li a.popupctrl.active { border-color:#1E90FF; background-color:#1E90FF; color:#000; border-radius: 3px 3px 0px 0px; text-decoration:none; }
#navbar .navtabs .globalsearch { width: 250px; margin: 0 auto; float: right; }
.navbar_search { position:relative; width: 180; right: -20px; display:block; }
.navbar_search input { font-size: 11px; vertical-align:middle; padding: 1px; border:1px solid #ccc; }
.globalsearch .textboxcontainer { height: 38px; display:inline-block; float: left; text-align:center; }
.globalsearch .textboxcontainer span { display: inline-block; height: 34px; padding-left: 2px; padding-right: 2px; padding-top: 3px; margin-bottom: 1px; width: 220px; }
.globalsearch input.textbox { width: 220px; }
.toplinks form input.loginbutton { font-size: 11px; padding: 0 5px; border:solid 1px rgb(65,93,141); }
.globalsearch .buttoncontainer { height: 38px; display:inline-block; width: 25px; overflow: hidden; float: right; }
.globalsearch .buttoncontainer span{ height: 35px; padding-left: 4px; padding-top: 8.5px; display:inline-block; }
.globalsearch .searchbutton { border: 0; padding: 0; width: 22px; margin-top: -2px; margin-left: -2px; }
.globalsearch input.textbox{ border:1px solid #dadada; padding:5px 0 5px 0; width:220px; margin-top:3px;}
/*************************************************/
/* BREADCRUMB */
.breadcrumb .navbit { float:left; background-image:url(http://kenhdaihoc.com/forum/StyleSchool/misc/navbit-arrow-right.png); background-position:right center; background-repeat:no-repeat; padding-right:10px; padding-left:3px; } 
.breadcrumb .navbit:first-child { padding-left:0; } .breadcrumb .navbit.lastnavbit { background: transparent; } 
.breadcrumb .navbit.lastnavbit span { float:left; background: transparent; padding-right:10px; padding-left:3px; } 
.breadcrumb .navbit > a, .breadcrumb .lastnavbit > span { display:block; padding:2px 4px; float:left; background-color:transparent; border:1px solid transparent; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.breadcrumb .navbit a { text-decoration:none; } .breadcrumb hr { display:none; }
/*body*/